@extends('default.mobile.layouts.indexPublic')
@section('title', '404')
{{--首页css--}}
@section('headcss')
    @parent
    <style>
        html, body {
            height: 100%;
        }

        body {
            width: 100%;
            color: #B0BEC5;
            display: table;
            font-weight: 100;
        }

        .container {
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }

        .content {
            text-align: center;
            display: inline-block;
        }

        .title {
            font-size: .36rem;
            margin-bottom: .4rem;
        }
        .title img{
            width: 100%;
            max-width: 7.2rem;
        }
        .title button{
            background-color: #f0514e;
            border-radius: .1rem;
            color: #fff;
            font-size: .36rem;
            border: none;
            height: 0.8rem;
            width: 3rem;
            margin-top: .55rem;
        }
    </style>
    @endsection
    {{--头部标签--}}
    @section('tag','404')

    {{--主体内容--}}
    @section('content')
        <div class="container">
            <div class="content">
                <div class="title">
                    <img src="{{ asset("/default/images/mobile/layout/404.png") }}">
                    <p>对不起,{{$exception}}</p>
                    <p><button onclick="javascript:history.back();">返回上一页</button></p>
                    <p><button onclick="javascript:location.href='{{url('mobile')}}';">返回首页</button></p>
                </div>
            </div>
        </div>
@endsection